import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import '@/styles/common.less'

// // 测试一下request方法
// import request from './utils/request'
// request('/login', 'post', { account: 18610848230, password: 123456 }).then(res => {
//   console.log(res)
// })
// // 触发mutations函数, 引起插件的自动同步
// setTimeout(() => {
//   store.commit('user/setProFile')
// }, 5000)

// 引入全局组件, 进行全局注册
import ComponentPlugin from '@/components'

import direactivePlugin from '@/direactives'

// 在vue3中, 插件的注册, 不再是通过Vue.use进行, 而是通过createApp().use(插件), 并且vue3中插件的注册支持串联执行
// 以app根组件生成应用实例对象 -> 注册 vuex -> 注册 router -> 完成挂载
createApp(App).use(store).use(router).use(ComponentPlugin).use(direactivePlugin).mount('#app')
